<template>
	<view class="state centerSubElements">
		<image class="icon" src="/static/images/my/pendingPayment.png" mode="heightFix"></image>
		<view class="title">
			{{ order_status }}
		</view>
	</view>
</template>

<script>
	export default {
		name:"orderstatus",
		props:{
			Info:{
				type:Object,
				default:()=>{}
			}
		},
		computed: {
			order_status() {
				// 0-待支付;1-待使用;2-退款中;3-已完成;4-已退款
				switch (this.Info.order_status) {
					case 0:
						return '待支付';
						break;
					case 1:
						return '待使用';
						break;
					case 2:
						return '退款中';
						break;
					case 3:
						return '已完成';
						break;
					case 4:
						return '已退款';
						break;
				}
			},
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.state {
		width: 100%;
		height: 100rpx;
		background: #ffffff;

		.icon {
			height: 43.09rpx;
			margin-right: 18rpx;
		}

		.title {
			font-size: $uni-font-size-15;
			color: $price-color;
		}
	}
</style>
